// =======点击加入购物车======
$('#car').click(function(){

    var $id=$('h1').html();
    var $name=$('.price p').html();
    var $price=$('.price p span').html();
    var $img=$('.car-img img').attr("src");

    $.ajax({
        url:'./interface/addwq.php',
        data:{
            id:$id,
            name:$name,
            price:$price,
            img:$img,
            num:"1"
        },
        success:function(res){
            if(res.code){
                // console.log(res)
                alert('商品加入成功')
            }
        },
        dataType:'json'


    })

})

//点击top购物车，查看购物车页面
$('.top-car').click(function(){
    location.href="./car/car.html"
})


//跳转首页
$('.top-nav a:nth-of-type(1)').click(function(){
    console.log(1)
    $(location).attr("href","./index.html")
})

//======放大镜=======

//小图片的宽高
var width=$('.car-img').width();
var height=$('.car-img').height();

//放大镜的宽高
var fdjwidth=$("#fdj").width();
var fdjheight=$("#fdj").height();

//大图片盒子的宽高
// var dawidth=$('.bigbox img').width();
// var daheight=$('.bigbox img').height();


//大图片的宽高
var Bwidth=$('.bigbox img').width();
var Bheight=$('.bigbox img').height();



$('.swiper-container').mousemove(function(e){

    //鼠标的位置
    // var x=e.clientX;
    // var y=e.clientY;

    //小盒子的位置
    var offset = $('.swiper-container').offset();

    //放大镜的位置
    var left=e.pageX - offset.left;
    var top =e.pageY - offset.top;

    left=left-fdjwidth/2;
    top=top-fdjheight/2

    if(left<0){
        left=0
    }else if(left>width-fdjwidth){
        left=width-fdjwidth
    };

    if(top<0){
        top=0
    }else if(top>height-fdjheight){
        top=height-fdjheight
    }

    $("#fdj").css({ "left": left, "top": top })


    //大盒子里面的图片移动

    var bigleft=-(left/width*Bwidth)
    var bigtop=-(top/height*Bheight);

    $('.bigbox img').css({"left": bigleft, "top":bigtop})

    //显现放大镜和大盒子
    $("#fdj").css('z-index','999');
    $('.bigbox').show();

})

$('.swiper-container').mouseleave(function(){
    $("#fdj").css('z-index','-999');
    $('.bigbox').hide();
})



//===选项按钮====
//颜色
$('.buy-color').children('a').click(function(e){
    var target=e.target;
    console.log(target)

    $(target).css({'background':'#ff6700','color':'#000'}).siblings('a').css('background','#ffffff')
})

//版本
$('.buy-model').children('a').click(function(e){
    var target=e.target;
    console.log(target)

    $(target).css({'background':'#ff6700','color':'#000'}).siblings('a').css('background','#ffffff')
})

//保险
$('.buy-protect-box1 ul li').click(function(){
    console.log($(this).find('i'))
    if($(this).find('i').hasClass("addcolor")){
        $(this).find("i").removeClass("addcolor");
    }else{
        $(this).find("i").addClass("addcolor");
    }
    
    $(this).siblings().find('i').removeClass("addcolor")

})



$('.buy-protect-box2 ul li').click(function(){

    if($(this).find('i').hasClass("addcolor")){
        $(this).find("i").removeClass("addcolor");
    }else{
        $(this).find("i").addClass("addcolor");
    }
})

$('.buy-protect-box3 ul li').click(function(){
    console.log($(this).find('i'));

    if($(this).find('i').hasClass("addcolor")){
        $(this).find("i").removeClass("addcolor");
    }else{
        $(this).find("i").addClass("addcolor");
    }
    
    $(this).siblings().find('i').removeClass("addcolor")

})

//获取信息

console.log($('.buy-color').children('a').html())
